﻿@using CompanyName.ProjectName.Web.Host.Web.Model
@model demock
@{
    ViewData["title"] = "富文本框";
    Layout = "_SimpleTable";
}
@section headers{
    @*<style>
            .nav.nav-tabs.padding-18 {
                padding-left: 18px;
            }
            .nav-tabs {
                border-color: #c5d0dc;
                margin-bottom: 0 !important;
                margin-left: 0;
                position: relative;
                top: 1px;
            }
        </style>*@
}

<section class="content">
    <div class="box box-primary">
        <div class="box-header with-border">
            <ul class="nav nav-tabs padding-18">
                <li>

                    <a href="/demo/sendmail">
                        <i class="orange ace-icon fa fa-cog bigger-120"></i>

                        发邮件
                    </a>
                </li>
                <li class="active">
                    <a href="javascript:void(0);">

                        <i class="green ace-icon fa fa-home bigger-120"></i>

                        富文本编辑框
                    </a>
                </li>
            </ul>
        </div>
        <!-- /.box-header -->
        <!-- form start -->
        <form role="form" id="form1">
            <div class="box-body">
                <div class="callout callout-success">
                    <h4>富文本编辑器</h4>
                    <p></p>
                </div>
                <table class="form">

                    <tr>
                        <th class="formTitle">内容</th>
                        <td class="formValue">

                            @Html.EditorFor(model => model.rules)

                            @*<textarea class="form-control" name="Text" id="Text" style="height: 70px;" placeholder=""></textarea>*@
                        </td>
                    </tr>
                </table>
            </div>
            <!-- /.box-body -->
            <div class="box-footer">
                <button type="button" id="btnSave" class="btn btn-success">保存</button>
            </div>
        </form>
    </div>

    <!-- /.tab-content -->
</section>

@section scripts{

    <script src="~/ckeditor/ckeditor.js"></script>
    <script src="~/js/jquery.base64.js"></script>
    <script type="text/javascript">
    //editor.document.getBody().getText(); //取得纯文本
    //editor.document.getBody().getHtml(); //取得html文本
    //var editor = CKEDITOR.replace('Text',
    //{
    //    toolbar: "Full",
    //    filebrowserUploadUrl: "/Image/ckupload?type=File",  //开启文件上传（此项会同时开启图片和FLASH上传）
    //    filebrowserImageUploadUrl: "/Image/ckupload?type=Images",  // 开启图片上传
    //    filebrowserFlashUploadUrl: "/Image/ckupload?type=Flash"  //开启FLASH上传
    //});
       $.base64.utf8encode = true;
    var editor2 = CKEDITOR.replace('rules',
        {
            toolbar: "Full",
            filebrowserUploadUrl: "/Image/ckupload?type=File",  //开启文件上传（此项会同时开启图片和FLASH上传）
            filebrowserImageUploadUrl: "/Image/ckupload?type=Images",  // 开启图片上传
            filebrowserFlashUploadUrl: "/Image/ckupload?type=Flash"  //开启FLASH上传
        });

    $(function () {
        editor2.setData("@(Html.Raw(Model.rules))");
    });
    $("#btnSave").click(function (ev) {

        var a = editor2.document.getBody().getHtml();

        $("#rules").val( $.base64.btoa(a) );
        var $form = $("#form1");
        editor2.setData(a);

        $.ajax({
            url: "/demo/ck/",
            data: $form.serialize(),
            type: "POST",
            cache: false,
            async: false,
            beforeSend: function () {
                $("#btnSave").attr("disabled", "disabled");
            },
            success: function (r) {

              //  if (r.isSucceeded == true) {
                   // location.href = r.goBackUrl;// "/Employee/index?ram=" + Math.random();// r.GoBackUrl;
               // }
              //  else  // 其他问题
             //   {
                    alert( $.base64.atob(r.message, true));

            //    }
                $("#btnSave").removeAttr("disabled");
            },
            error: function () {

                alert("保存失败");
                $("#btnSave").removeAttr("disabled");
            }
        });

     //   alert(editor2.document.getBody().getHtml());
        // return;
        //$.post("/demo/ck/",
        //    {

        //        Text: editor2.document.getBody().getHtml(),
        //    },
        //    function (data, status) {
        //          alert("Data: " + data + "\nStatus: " + status);

        //    });
    });
    </script>

}